<!-- 展示关于版本号 -->
<template>
  <div class="showAbort">
    <h3 class="title"><span class="back" @click="back"></span>关于</h3>
    <div class="show_abort">
      <img src="../assets/images/icon_psrsonal_logo.png" />
      <button class="check_update">检测更新</button>
      <p>版本号1.0.0</p>
      <span>当前已是最新版本</span>
    </div>
  </div>
</template>

<script>
export default {
  mounted() {
    let _this = this;
    window["dsBridge"].register("GoBack", function() {
      _this.$router.go(-1);
    });
    window["dsBridge"].register("whetherHtml", function(ret) {
      console.log("=======ret:" + ret);
      return true;
    });
  },
  components: {},
  data() {
    return {};
  },
  computed: {},
  methods: {
    back() {
      this.$router.go(-1);
    }
  }
};
</script>
<style lang="stylus" scoped>
.show_abort {
  height: calc(100vh - 2.6rem);
  background: #fff;
  margin-top: 0.15rem;
  padding: 0.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  span {
    margin-top: 0.5rem;
    color: #428ee3;
  }

  img {
    width: 3rem;
    margin-top: 0.5rem;
  }
}

.check_update {
  position: absolute;
  bottom: 1rem;
  width: 300px;
  background: #428ee3;
  border: 0;
  color: white;
  padding: 0.2rem;
  border-radius: 0.08rem;
}
</style>
